{% extends "base.html" %}

{% block content %}

    <h2 style="margin-left: 90px;">Edit Profile</h2>

    {% if form.errors|length > 0 %}
        {% for error in form.errors %}
            <p class="error">{{ error }}</p>
        {% endfor %}
    {% endif %}

    <form class="form-horizontal" action="" method="post">
        <div class="control-group">
            <label class="control-label" for="id_first_name">First Name</label>

            <div class="controls">
                {{ form.first_name }}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="id_last_name">Last Name</label>

            <div class="controls">
                {{ form.last_name }}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="id_contact_number">Contact Number</label>

            <div class="controls">
                {{ form.contact_number }}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="id_birth_date">Birth Date</label>

            <div class="controls">
                <div class="input-append date datepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
                    <input id="id_birth_date" name="birth_date" size="16" type="text"
                           value="{{ form.birth_date.value }}" readonly>
                    <span class="add-on"><i class="icon-th"></i></span>
                </div>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="id_im_name">IM Name</label>

            <div class="controls">
                {{ form.im_name }}
            </div>
        </div>
        <div class="control-group">
            <div class="controls">
                <button type="submit" class="btn btn-danger">Save</button>
            </div>
        </div>

        <input type="hidden" name="action" value="change_password"/>

    </form>

{% endblock %}